<page-header-wrapper [title]="'基础详情页'">
  <nz-card [nzHoverable]="true" [nzBordered]="false" class>
    <sv-container size="large" title="退款申请">
      <sv label="取货单号">1000000000</sv>
      <sv label="状态">已取货</sv>
      <sv label="销售单号">1234123421</sv>
      <sv label="子订单">3214321432</sv>
    </sv-container>
    <nz-divider></nz-divider>
    <sv-container size="large" title="用户信息">
      <sv label="用户姓名">付小小</sv>
      <sv label="联系电话">18100000000</sv>
      <sv label="常用快递">菜鸟仓储</sv>
      <sv label="取货地址">浙江省杭州市西湖区万塘路18号</sv>
      <sv label="备注">无</sv>
    </sv-container>
    <nz-divider></nz-divider>
    <div class="text-lg mb-md">退货商品</div>
    <st #st [data]="goods" [columns]="goodsColumns" [body]="goodsBody" [page]="{ show: false }">
      <ng-template #goodsBody>
        <tr>
          <td>合计</td>
          <td></td>
          <td></td>
          <td class="text-right"></td>
          <td class="text-right">
            <strong>{{ basicNum }}</strong>
          </td>
          <td class="text-right">
            <strong>{{ amountNum | price }}</strong>
          </td>
        </tr>
      </ng-template>
    </st>
    <div class="text-lg my-md">退货进度</div>
    <st [data]="progress" [columns]="progressColumns" [page]="{ show: false }"></st>
  </nz-card>
</page-header-wrapper>